<%@ include file="/jsp/common/tagLibs.jsp"%>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/admin/topicDetails.js"></script>
<DIV class=content_division>
	<DIV class=content_container>
	<DIV class=cleardiv></DIV>
		<DIV class=content_left_shadow>
			<DIV class=content_right_shadow>
				<DIV class=under_flash_shadow></DIV>
				<!-- CONTENT START -->
				<DIV class=content_inner_container>
						   <form:form id="columnarForm" commandName="topicsVO">
							<DIV class=cleardiv></DIV>
							<DIV class=maincol style="width:100%;">
							<DIV class=button_orange>
								<DIV class=bo_left></DIV>
								<DIV class=bo_mid>Topics</DIV>
								<DIV class=bo_right></DIV>
							</DIV>
							<div style="margin-top:20px;">
								<input type="hidden" name="validation" id="validation"/>
								<br>
								<input value="Add Topic" type="submit" class="button" id="addBtn"/>
								<input value="Update Topics" type="submit" class="button" id="updateBtn"/>							
								<table class="table-css">
									<thead>
										<tr><th width="3%">S.No.</th><th width="95%">Topics</th></tr>
									</thead>
									<tbody>
										<c:forEach items="${topicsVO.topics}" var="topic" varStatus="status">
										<tr style="height:50px;">
											<td>${status.count}</td>
											<td>
												<input id="topics_${status.index}_topicname" type="text" maxlength="100"
													name="topics[${status.index}].topicname" value="${topic.topicname}" size="50" class="input jFocus"/>
											</td>
										</tr>
										</c:forEach>
									</tbody>
								</table>
							</div>
							</div>
							<DIV class=cleardiv></DIV>
							</form:form>  
							<br/><br/><br/>
						</DIV>
				<!-- CONTENT END -->
			</DIV>
		</DIV>
		<DIV class=cleardiv></DIV>
	</DIV>
</DIV>